{% load nav %}
<html>
  <head>
    <title>Polls on Obviews</title>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/blueprint/screen.css" type="text/css"
	  media="screen, projection" />
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/blueprint/print.css" type="text/css"
	  media="print" />
    <!--[if IE]>
	<link rel="stylesheet" href="{{ MEDIA_URL }}css/blueprint/ie.css" type="text/css"
	media="screen, projection" />
	<![endif]-->
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/pygments_style.css">
    <script src="{{ MEDIA_URL }}js/jquery-latest.pack.js" type="text/javascript"></script>
    <style type="text/css" media="all">
      @import "{{ MEDIA_URL }}css/thickbox.css";
    </style>
    <script>var tb_pathToImage = "{{ MEDIA_URL }}imgs/loadingAnimation.gif";</script>
    <script src="{{ MEDIA_URL }}js/thickbox.js" type="text/javascript"></script>
    {% block head %}{% endblock %}
  </head>
  <body>
    <div class="container">
      <div class="span-24 box last">
	<h1><a href="http://www.obviews.com">Obviews</a> over Polls. <span class="small">{% nav_link "List" "/polls/"%} or {% nav_link "Create" "/polls/create/"%}</span></h1>
      </div>
      <div class="pull-2 small last">
	<div><a href="/accounts/login/">Login</a> - <a href="/accounts/logout/">Logout</a></div>
      </div>
      <div class="span-12 border">
	<h2>Demo</h2>
	{% block content %}{% endblock %}
      </div>
      <div class="span-12 last">
	<h2>Code</h2>
	<div class="highlight">
	  <pre>{% block code %}{% endblock %}</pre>
	</div>
      </div>
      {% block extra %}{% endblock %}
      <div class="prepend-top append-bottom span-24 last">
	<hr />
	Syntax highlighting with <a class="ext-link" href="http://pygments.org/" target="_blank"><span class="icon">Pygment</span></a>
	| Website made by and for <a class="ext-link" href="http://www.djangoproject.com/" target="_blank"><span class="icon">Django</span></a>
      </div>
    </div>
  </body>
</html>
